<!--  标签导航 -->
<!--  适用话题列表 -->
<!--  调用的页面需引入js/jquery/readmore2.js -->

<div class="tabModule" xmlns:th="http://www.thymeleaf.org">
    <div class="tab-box">
        <div id="tabNavigation">
            <a th:href="@{'/index'}" th:class="${url_tagId=='' or url_tagId==null}?tab_current : tab">全部</a>
            <span th:each="tag:${tagList}">
					<a th:href="'?tagId='+${tag.id}" th:class="${ #strings.equals(tag.id,url_tagId) }? tab_current : tab"
                       th:text="${tag.name}"></a>
				</span>
        </div>
    </div>
    <div id="tabNavigation_more" class="more"></div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        //隐藏高度超过100px的内容
        $('#tabNavigation').readmore({
            speed: 100,//速度
            collapsedHeight: 42,//默认高度
            moreLink: '<div class="readMore">更多 <i class="cms-angle-down"></i></div>',
            bindLink: '#tabNavigation_more',
            rootElement: '.tabModule',
            afterToggle: function (trigger, element, expanded) {

            }
        });


    });
</script>
